﻿<!DOCTYPE html>
<html>

	<head>
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html">
		
		<!-- 优先使用 IE 最新版本和 Chrome -->
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<!-- 为移动设备添加 viewport -->
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<!--忽略页面中的数字识别为电话，忽略email识别-->
		<meta name="format-detection" content="telphone=no, email=no">
		<title>首页</title>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
		<link rel="stylesheet" type="text/css" href="css/base.css">
		<link rel="stylesheet" type="text/css" href="css/index.css">
		<!--[if lt IE 9]>
			<script type="text/javascript" src="js/html5shiv.min.js"></script>
			<script type="text/javascript" src="js/respond.min.js"></script>
	    <![endif]-->
		<link rel="stylesheet" type="text/css" href="css/media.css">
	</head>

	<body>
		<!--导航-->
		<nav class="navbar navbar-default navbar-fixed-top top-box">
			<div class="container">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed">
				        <span class="sr-only">Toggle navigation</span>
				        <span class="icon-bar"></span>
				        <span class="icon-bar"></span>
				        <span class="icon-bar"></span>
				    </button>
					<h1><a class="navbar-brand" href="">
						医疗保健预防疗养
					</a></h1>
				</div>

				<div class="collapse navbar-collapse">
					<ul class="nav navbar-nav navbar-right top-nav">
						<li class="active">
							<a href="">
								首页
								<span class="sr-only">(current)</span>
							</a>
						</li>
						<li>
							<a href="page.html">医院介绍</a>
						</li>
				
						  <li class="dropdown">
			                <a href="news.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">公司新闻 <span class="caret"></span></a>
			                <ul class="dropdown-menu">
			                  <li><a href="">Action</a></li>
			                  <li><a href="">Another action</a></li>
			                  <li><a href="">Something else here</a></li>
			                  
			                  <li><a href="">Separated link</a></li>
			                  <li><a href="">One more </a></li>
			                </ul>
			              </li>
						<li>
							<a href="news.html">新闻中心</a>
						</li>
						<li>
							<a href="img-news.html">图文新闻</a>
						</li>
						<li>
							<a href="news-con.html">文章内容</a>
						</li>
						<li>
							<a href="search.html">搜索页面</a>
						</li>
						<li class="search_c"><a href="">搜索 <i class="glyphicon glyphicon-search"></i></a></li>
						<form>
							<input type="text" value="" name="q" class="form-control search" placeholder="请输入文章关键字或标题">
						</form>
					</ul>
				</div>
				<!-- /.navbar-collapse -->
			</div>
			<!-- /.container -->
		</nav>
		<!--/ 导航-->

		<!--轮播图-->
		<div id="carousel-example-generic" class="carousel slide banner" data-ride="carousel">
			<!-- 圆点 -->
			<ol class="carousel-indicators">
				<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
				<li data-target="#carousel-example-generic" data-slide-to="1"></li>
				<li data-target="#carousel-example-generic" data-slide-to="2"></li>
			</ol>

			<!-- 图片区域 -->
			<div class="carousel-inner" role="listbox">
				<div class="item active">
					<img src="img/1.png" alt="">
				</div>
				<div class="item">
					<img src="img/2.png" alt="">
				</div>
				<div class="item">
					<img src="img/1.png" alt="">
				</div>
			</div>

			<!-- 左右控制箭头 -->
			<a class="left carousel-control" href="" role="button" data-slide="prev">
				<span class="glyphicon glyphicon-chevron-left " aria-hidden="true"></span>
				<span class="sr-only">Previous</span>
			</a>
			<a class="right carousel-control" href="" role="button" data-slide="next">
				<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
				<span class="sr-only">Next</span>
			</a>
		</div>

		<!--最新活动-->
		<div class="news">
			<div class="container">
			
				<div class="row news-content">
					<div class="common-title">
						<h2>最新活动</h2>
						<span>最新优惠的检查治疗项目</span>						
					</div>
					<div class="col-lg-4 col-md-4 col-sm-4">
						<div class="thumbnail">
							<img src="img/news-1.jpg" alt="" class="img-responsive">
							<div class="caption">
								<h3><a href="">媒体关注</a></h3>
								<p>谈多肉植物种子萌发的必要条件！</p>
							</div>
						
							<div class="news-more">
								<time class="date">
									<span class="glyphicon glyphicon-time"></span>&nbsp;&nbsp;&nbsp;2017-04-28
								</time>
								<a href="news-con.html" class="more">
									<span class="glyphicon glyphicon-list-alt"></span>&nbsp;&nbsp;&nbsp;查看详情
								</a>
							</div>
						</div>
					</div>
					<div class="col-lg-4 col-md-4 col-sm-4">
						<div class="thumbnail">
							<img src="img/news-2.jpg" alt="" class="img-responsive">
							<div class="caption">
								<h3><a href="">行业新闻</a></h3>
								<p>多肉植物怎么养肥？最重要的关键在的童鞋种多肉</p>
							</div>
							
							<div class="news-more">
								<time class="date">
									<span class="glyphicon glyphicon-time"></span>&nbsp;&nbsp;&nbsp;2017-04-28
								</time>
								<a href="news.html" class="more">
									<span class="glyphicon glyphicon-list-alt"></span>&nbsp;&nbsp;&nbsp;查看详情
								</a>
							</div>
						</div>
					</div>
					<div class="col-lg-4 col-md-4 col-sm-4">
						<div class="thumbnail">
							<img src="img/news-3.jpg" alt="" class="img-responsive">
							<div class="caption">
								<h3><a href="">公司新闻</a></h3>
								<p>谈多肉植物种子萌发的必要条件！</p>
							</div>
					
							<div class="news-more">
								<time class="date">
									<span class="glyphicon glyphicon-time"></span>&nbsp;&nbsp;&nbsp;2017-04-28
								</time>
								<a href="news.html" class="more">
									<span class="glyphicon glyphicon-list-alt"></span>&nbsp;&nbsp;&nbsp;查看详情
								</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<!--特色项目-->
		<div class="product">
			<div class="container">
				<div class="row pro-content">
					<div class="common-title">
						<h2>特色项目</h2>
						<span>最专业的品牌服务，为您创作更高的价值</span>
					</div>
					<div class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
						<div class="pro-content-item">
							<a href=""><img src="img/pro-1.jpg" alt="" class="img-responsive">
							<p></a>							
						</div>
						<h4><a href="">三高须知</a></h4>
					</div>
					<div class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
						<div class="pro-content-item">
							<a href=""><img src="img/pro-2.jpg" alt="" class="img-responsive">
							<p></a>
							
						</div><h4><a href="">糖尿病</a></h4>
					</div>
					<div class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
						<div class="pro-content-item">
							<a href=""><img src="img/pro-3.jpg" alt="" class="img-responsive">
							<p></a>
							
						</div><h4><a href="">自体免疫性损伤性疾病</a></h4>
					</div>
					<div class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
						<div class="pro-content-item">
							<a href=""><img src="img/pro-4.jpg" alt="" class="img-responsive">
							<p></a>
							
						</div><h4><a href="">精神疲劳综合征</a></h4>
					</div>
				</div>
			</div>
			<div class="mo-re"><p><a href="">更多项目→<br>更多项目→</a></p></div>
		</div>

		<!--公司简介-->
		<div class="introduce">
			<div class="container">
				<div class="row intro-content">
					<div class="common-title">
						<h2>医院简介</h2>
					</div>
					<p>Packagist 中国镜像从一上线就是基于 又拍云 赞助的 CDN 和 UCloud 赞助的云服务器搭建的。在此感谢两家公司的无私赞助！
					从 2013 年起我们就和 又拍云 合作了，最开始他们赞助的是我们的 BootCDN 服务，Packagist 中国镜像是他们赞助的我们的第二个公共免费项目，非常感谢 又拍云 一如既往的无限量赞助！
					从 15 年起我们开始使用 UCloud 赞助的云服务器，Packagist 中国镜像与 packagist.org 和 github.com 的文件同步所使用的就是 UCloud 位于香港机房的服务器，从上线起一直稳定的运行，一直到今年 2 月赞助结束。
					结束赞助其实是我们提出的，原因是：我们希望让同步服务更灵活、更快速。因此我们决定自己购买国外的服务器（主要选定 Linode 和 DigitalOcean），服务器购买资金我们希望小伙伴们一起赞助。</p>
					<a href="page.html" class="pull-right">+ 查看详情</a>
				</div>
			</div>
		</div>


		<!--专家结束-->
		<div class="zjlist">
			<div class="container">
				<div class="row">
					<div class="common-title">
						<h2>医院专家</h2>
						<span>权威专业团队为您提供集“预防、康复和诊疗为一体”的个性化服务</span>
					</div>
					<div class="col-xs-6 col-sm-4 col-md-4">
						<div class="thumbnail">
							<img src="img/phone.png" alt="" class="img-responsive">
							<div class="caption hidden-xs">
								<p style="margin-top:10px">专家名称</p>
								<p class="descript">因为细胞结构的改变与组织损伤的关系研究获得2项省部级科技进步二等奖 
								并获得获得省委</p>
								<div class="mo-re"><p><a href="">详情→<br>详情→</a></p></div>
							</div>
						</div>
					</div>
					<div class="col-xs-6 col-sm-4 col-md-4">
						<div class="thumbnail">
							<img src="img/zhaosahng.png" alt="" class="img-responsive">
							<div class="caption hidden-xs">
								<p style="margin-top:10px">专家名称</p>
								<p class="descript">因为细胞结构的改变与组织损伤的关系研究获得2项省部级科技进步二等奖 
								并获得获得省委</p>
								<div class="mo-re"><p><a href="">详情→<br>详情→</a></p></div>
							</div>
						</div>
					</div>
					<div class="col-xs-6 col-sm-4 col-md-4">
						<div class="thumbnail">
							<img src="img/email.png" alt="" class="img-responsive">
							<div class="caption hidden-xs">
								<p style="margin-top:10px">专家名称</p>
								<p class="descript">因为细胞结构的改变与组织损伤的关系研究获得2项省部级科技进步二等奖 
								并获得获得省委</p>
								<div class="mo-re"><p><a href="">详情→<br>详情→</a></p></div>
							</div>
						</div>
					</div>
					<div class="col-xs-6 visible-xs zj_move">
					<div class="thumbnail">
						<a href=""><img src="img/zj_move.png" class="img-responsive">
						<p>查看更多专家</p></a>
					</div>
					</div>
				
				<div class="mo-re hidden-xs"><p><a href="">更多专家→<br>更多专家→</a></p></div>
				</div>
			</div>
			
		</div>

		
		<div class="footer">
		    <a href="">点击咨询 <i class="glyphicon glyphicon-user"></i></a> 
		    <a> &nbsp; </a>
		    咨询热线：<a href="tel:0123456789">0123456789</a> <br>
			医院地址：中国全量镜像地址https://pkg.phpcomposer.com/<br>
			Copyright © 2017, Composer 中文网 / Packagist 中国全量镜像 | 冀ICP备14002930号		
		</div>

		<script type="text/javascript" src="js/jquery.js"></script>
		<script type="text/javascript" src="js/bootstrap.js"></script>
		<script type="text/javascript" src="js/nav.js"></script>

	</body>
</html>